{% extends "/based/based.html" %}
{% block content %}
 <script src="{{url_for('static',filename='js/plotly-latest.min.js')}}"></script>
	<main class="page-content">
	<form method="POST" name = "memo">
	<style>
	.volvo{color: black;}
	.saab{color: red;}
	.txt_area{color:black;}
	</style>
	
	<br>
	 <table align="center" border="0" style="width: 80%;color:white ">
		<tbody>
			<tr>
				<td >
					<div align="center" style="text-align:center" id="fourth" class="buttonBox" type="submit" value = "select"/> 
					  <button name='submit_button' value='select'>确定</button>
					  <div class="border"></div>
					  <div class="border"></div>
					  <div class="border"></div>
					  <div class="border"></div>
					</div> 
				</td>
				<td>
					品种<br>
					<select id="cod" size=10 name="cod" multiple="multiple" class="volvo" style="vertical-align: middle;">	
						  <option id='select_cod' name="select_cod" checked>{{select_cod}}</option>
						  <option>-------- </option> 
						  <option disabled="disabled">all</option> 
			        	  {%for i in range(0,cod_cn|length) %} 
			        	  	 {% if i<4 %}
			        	 	 <option>{{cod_cn[i]}}</option> 
			        	 	 {% else %}
			        	 	 <option disabled="disabled">{{cod_cn[i]}}</option> 
			        	 	 {% endif %}	 
			        	  {% endfor %}
					       
					</select>
					<br><br>
				</td>
				
				
				<td>
					周期<br>
					
					<select id="hv_type" size=10 name="hv_type" multiple="multiple" class="volvo" style="vertical-align: middle;">	
						  <option>{{select_hv_type}}</option>
						  <option>-------- </option> 
						 <option disabled="disabled">all</option> 
			        	 <option >hv1W</option> 
			        	 <option disabled="disabled">hv2W</option> 
			        	 <option>hv1M</option> 
			        	 <option disabled="disabled">hv2M</option> 
			        	 <option disabled="disabled">hv6M</option> 
			        	 <option disabled="disabled">hv1Y</option> 
					</select>
				</td>
				<td>
				</td>
				<td>
				</td>
			</tr>
			 
	    </tbody>
	    </table>
	    <br>
	    <p align="center">
	     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{hv_div|safe}}
	     </p>
	    <br>
		
{% endblock %}